<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="js/jquery-3.6.1.js"></script>
    <script type="text/javascript">
        $(function () {
            //1.给表头的checkbox绑定改变时间
            $("#numFlg").change(function () {
                var status = $(this).prop("checked");//checked判断标签是否选择
                //遍历其他的员工的checkbox,修改状态和上面的一样
                $(".empnoCheck").each(function () {
                    $(this).prop("checked",status);//$(this)当前遍历的元素
                })
            })
        })
    </script>
</head>
<body>
<h3>员工列表</h3>
<a href="addEmp.jsp">添加员工</a>
<button id="batchDel">批量删除</button>
<table border="1">
    <tr>
        <th>
            <input type="checkbox" id="numFlg">
        </th>
        <th>员工编号</th>
        <th>姓名</th>
        <th>员工职位</th>
        <th>员工领导</th>
        <th>员工入职时间</th>
        <th>员工工资</th>
        <th>员工奖金</th>
        <th>部门编号</th>
        <th colspan="2">操作</th>
    </tr>
    <c:forEach var="emp" items="${requestScope.studentList}">
        <tr>
            <td>
                <input type="checkbox" class="empnoCheck">
            </td>
            <td>${emp.EMPNO}</td>
            <td>${emp.ENAME}</td>
            <td>${emp.JOB}</td>
            <td>${emp.MGR}</td>
            <td>${emp.HIREDATE}</td>
            <td>${emp.SAL}</td>
            <td>${emp.COMM==null?0.0:emp.COMM}</td>
            <td>${emp.deptno}</td>
            <td>
                <a href="http://localhost:8080/Emp?action=del&EMPNO=${emp.EMPNO}">删除</a>
                <a href="http://localhost:8080/Emp?action=byId&EMPNO=${emp.EMPNO}">修改</a>
            </td>
        </tr>
    </c:forEach>
</table>

</body>
</html>
